function Home()
{
  this.x = 0;
  this.y = 0;
  this.color = "#EAB628";
}

Home.prototype.draw = function( context )
{
  context.save();
  
  context.lineWidth = 1;
  context.fillStyle = this.color;
  context.strokeStyle = this.color;
  context.beginPath();
  context.moveTo( this.x, this.y );
  context.lineTo( this.x, this.y - 150 );
  context.lineTo( this.x + 150, this.y - 150 );
  context.lineTo( this.x + 150, this.y );
  context.lineTo( this.x, this.y );
  context.closePath();
  context.fill();
  context.stroke();

  context.lineWidth = 5;
  context.fillStyle = "red";
  context.strokeStyle = "black";
  context.beginPath();
  context.moveTo( this.x - 25, this.y - 150 );
  context.lineTo( this.x + 75, this.y - 250 );
  context.lineTo( this.x + 175, this.y - 150 );
  context.lineTo( this.x - 25, this.y - 150 );
  context.closePath();
  context.fill();
  context.stroke();
  
  context.lineWidth = 3;
  context.fillStyle = "white";
  context.strokeStyle = "black";
  context.beginPath();
  context.moveTo( this.x + 40, this.y - 40 );
  context.lineTo( this.x + 40, this.y - 110 );
  context.lineTo( this.x + 110, this.y - 110 );
  context.lineTo( this.x + 110, this.y - 40 );
  context.lineTo( this.x + 40, this.y - 40 );
  context.moveTo( this.x + 40, this.y - 85 ); 
  context.lineTo( this.x + 110, this.y - 85 );
  context.moveTo( this.x + 75, this.y - 40 );
  context.lineTo( this.x + 75, this.y - 85 );
  context.closePath();
  context.fill();
  context.stroke();

  context.restore();
};
